<template>
  <!-- 数据分析页 -->
	<view class="conter">
		<cc-heard title='数据分析' color="#fff" ></cc-heard>
    <view class="navigation_head"></view>
    <view class="picture_conter">
      <!-- 一 -->
      <uni-card >
        <view class="frist">
          <navigator class="picture" url="../organization_ranking/organization_ranking">
            <view class="picture_img">
              <image src="../../static/data_analysis/zzpm.png" mode=""></image>
            </view>
            <view class="picture_c">
              组织排名
            </view>
          </navigator>   
          <navigator class="picture" url="/pages/calendar/calendar">
            <view class="picture_img">
              <image src="../../static/data_analysis/pfrl.png" mode=""></image>
            </view>
            <view class="picture_c">
             排放日历
            </view>
          </navigator>   
          <navigator class="picture" url="../tovc/tovc">
            <view class="picture_img">
              <image src="../../static/data_analysis/qx.png" mode=""></image>
            </view>
            <view class="picture_c">
              TVOC曲线
            </view>
          </navigator>   
        </view>
      </uni-card>
   
      <!-- 二 -->
     <uni-card>
       <view class="frist">
         <navigator class="picture" url="../displacement/displacement">
           <view class="picture_img">
             <image src="../../static/data_analysis/pltj.png" mode=""></image>
           </view>
           <view class="picture_c">
             排量统计
           </view>
         </navigator>   
         <navigator class="picture" url="../chain_comparison_a/chain_comparison_a">
           <view class="picture_img">
             <image src="../../static/data_analysis/tbhb.png" mode=""></image>
           </view>
           <view class="picture_c">
             同比环比
           </view>
         </navigator>   
         <navigator class="picture" url="../rose/rose">
           <view class="picture_img">
             <image src="../../static/data_analysis/fmgt.png" mode=""></image>
           </view>
           <view class="picture_c">
             风玫瑰图
           </view>
         </navigator>   
       </view>
     </uni-card>
      <!-- 三 -->
      <uni-card >
        <view class="frist">
          <navigator class="picture" url="../over_standard/over_standard">
            <view class="picture_img">
              <image src="../../static/data_analysis/cbtj.png" mode=""></image>
            </view>
            <view class="picture_c">
              超标统计
            </view>
          </navigator>   
          <navigator class="picture" url="../online_rate/online_rate">
            <view class="picture_img">
              <image src="../../static/data_analysis/zxl.png" mode=""></image>
            </view>
            <view class="picture_c">
              在线率
            </view>
          </navigator>   
          <navigator class="picture" url="../transmission_rate/transmission_rate">
            <view class="picture_img">
              <image src="../../static/data_analysis/yxcsl.png" mode=""></image>
            </view>
            <view class="picture_c">
              有效传输率
            </view>
          </navigator> 
        </view>
      </uni-card>
    </view>
   
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			};
		}
	}
</script>

<style lang="scss">
  .conter{
    height:100vh;
    background: #F7F7F7;
    overflow: hidden;
  }
  .navigation_head{
    height: calc(88rpx + var(--status-bar-height));
  }
.frist{
  display: flex;
  justify-content: space-around;
}
  // .picture_conter{
  //   display: flex;
  //   flex-wrap: wrap;
  //   margin-top: 69rpx;
  // }
  // .picture{
  //   height: 250rpx;
  //   width: 250rpx;
  // }
  .picture_img{
    margin: 50rpx auto 0;
    width: 104rpx;
    height: 104rpx;
    image{
      width: 100%;
      height: 100%;
    }
  }.picture_c{
    margin: 13rpx 0 41rpx;
    text-align: center;
    font-size: 28rpx;
    font-family: PingFang-SC-Medium, PingFang-SC;
    font-weight: 500;
    color: #333333;
  }
</style>
